$(function () {
 // 点击去注册后,登录区域隐藏,注册区域显示
 $('.login-box a').click(function () {
  $('.login-box').css('display', 'none');
  $('.register-box').css('display', 'block');
 });
 // 点击去注册后,登录区域隐藏,注册区域显示
 $('.register-box a').click(function () {
  $('.login-box').css('display', 'block');
  $('.register-box').css('display', 'none');
 });

 // 自定义密码校验
 let form = layui.form
 // console.log(form)
 form.verify({
  pwd: [
   // 第一个值为校验规则
   /^[\S]{6,15}$/,
   // 第二个值为校验信息
   '密码的长度为6到15位,且不能输入空格!'
  ],
  repwd: function (value) {
   let pwd = $('.register-box [name="password"]').val()
   // 进行判断
   if (value !== pwd) {
    return '输入的两次密码不一致!'
   }
  }

 })
 // 需求1 : 注册
 let layer = layui.layer
 // 给form 注册subimt 事件
 $('#form-reg').on('submit', function (e) {
  e.preventDefault()
  axios({
   method: 'POST',
   url: '/api/reguser',
   data: $('#form-reg').serialize()
  }).then(function (res) {
   //注册成功
   if (res.data.status !== 0) {
    return layer.msg(res.data.message)
   }
   layer.msg('注册成功')
   // 清空表单内容
   $('#form-reg')[0].reset()
   // 页面跳转到登录页面
   $('.register-box a').click()
  })

 })


 // 需求2 : 登录

 $('#form-login').on('submit', function (e) {
  e.preventDefault()
  axios({
   method: 'POST',
   url: '/api/login',
   data: $('#form-login').serialize()
  }).then(function (res) {
   //注册成功
   if (res.data.status != 0) {
    return layer.msg(res.data.message)
   }
   layer.msg('登录成功')
   // 页面跳转到首页
   location.href = '/index.html'
   localStorage.setItem('token', res.data.token)
  })

 })















})